<template>
    <div class="wrapper">
      <div class="header">
        <el-tag id="headTag" effect="dark" >基本信息</el-tag>
        <hr height="2px" color="#3e9fff"/>
      </div>
      <div class="contents">
        <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="30%" class="demo-ruleForm" size="mini" >
          <el-row>
            <el-col span="12">
              <el-form-item required label="企业名称" prop="enterprise_name">
                <el-input v-model="ruleForm.enterprise_name" ></el-input>
              </el-form-item>
            </el-col>
            <el-col span="12">
              <el-form-item required label="企业类型" prop="enterprise_type">
                <el-select v-model="ruleForm.enterprise_type" placeholder="请选择企业类型">
                  <el-option label="供应商" value="供应商"></el-option>
                  <el-option label="需求商" value="需求商"></el-option>
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col span="12">
              <el-form-item required label="法定代表人" prop="legal_person">
                <el-input v-model="ruleForm.legal_person"></el-input>
              </el-form-item>
            </el-col>
            <el-col span="12">
              <el-form-item required label="法人身份证" prop="legal_person_idcard">
                <el-input v-model="ruleForm.legal_person_idcard"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col span="12">
              <el-form-item required label="注册地区" prop="registration_area">
                <el-input v-model="ruleForm.registration_area"></el-input>
              </el-form-item>
            </el-col>
            <el-col span="12">
              <el-form-item required label="企业邮箱" prop="enterprise_mailbox">
                <el-input v-model="ruleForm.enterprise_mailbox"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col span="12">
              <el-form-item required label="联系电话" prop="contact_number">
                <el-input v-model="ruleForm.contact_number"></el-input>
              </el-form-item>
            </el-col>
            <el-col span="12">
              <el-form-item required label="传真" prop="fax">
                <el-input v-model="ruleForm.fax"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col span="12">
              <el-form-item required label="邮政编码" prop="postal_code">
                <el-input v-model="ruleForm.postal_code"></el-input>
              </el-form-item>
            </el-col>
            <el-col span="12">
              <el-form-item required label="注册资金（万元）" prop="register_fund">
                <el-input v-model="ruleForm.register_fund"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col span="12">
              <el-form-item required label="营业执照号" prop="business_certificate_number">
                <el-input v-model="ruleForm.business_certificate_number"></el-input>
              </el-form-item>
            </el-col>
            <el-col span="12">
              <el-form-item required label="组织机构代码" prop="organization_code">
                <el-input v-model="ruleForm.organization_code"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col span="12">
              <el-form-item required label="经营许可证编号" prop="business_license_id">
                <el-input v-model="ruleForm.business_license_id"></el-input>
              </el-form-item>
            </el-col>
            <el-col span="12">
              <el-form-item required label="税务登记证代码" prop="tax_registration_certificate_code">
                <el-input v-model="ruleForm.tax_registration_certificate_code"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col span="12">
              <el-form-item required label="开户银行" prop="bank_of_deposit">
                <el-input v-model="ruleForm.bank_of_deposit"></el-input>
              </el-form-item>
            </el-col>
            <el-col span="12">
              <el-form-item required label="账号" prop="bankAccount_number">
                <el-input v-model="ruleForm.bankAccount_number"></el-input>
              </el-form-item>
            </el-col>
          </el-row>
          <el-form-item required label="煤源存放地点、数量、质量" prop="coal_description" label-width="26%">
            <el-input type="textarea" v-model="ruleForm.coal_description"></el-input>
          </el-form-item>
          <el-form-item required label="运输方式及保障能力" prop="type_of_shipping" label-width="26%">
            <el-input type="textarea" v-model="ruleForm.type_of_shipping"></el-input>
          </el-form-item>
          <el-form-item required label="应商介绍" prop="introduction_to_yingshang" label-width="26%">
            <el-input type="textarea" v-model="ruleForm.introduction_to_yingshang"></el-input>
          </el-form-item>
          <el-form-item size="large" label-width="40%">
            <el-button type="danger" plain>取消注册</el-button>
            <el-button type="primary" @click="back" plain>上一步</el-button>
            <el-button type="success" @click="next" plain>下一步</el-button>
          </el-form-item>
        </el-form>
      </div>
    </div>
</template>

<script>
    export default {
        name: "BaseInfo",
        data(){
            return{
                ruleForm:{
                    enterprise_name:'',
                    enterprise_type:'',
                    legal_person:'',
                    legal_person_idcard:'',
                    registration_area:'',
                    enterprise_mailbox:'',
                    contact_number:'',
                    fax:'',
                    postal_code:'',
                    register_fund:'',
                    business_certificate_number:'',
                    organization_code:'',
                    business_license_id:'',
                    tax_registration_certificate_code:'',
                    bank_of_deposit:'',
                    bankAccount_number:'',
                    coal_description:'',
                    type_of_shipping:'',
                    introduction_to_yingshang:''
                },
                rules:{

                }
            }
        },
        methods:{
            back(){
                this.$router.back();
            },
            next(){
                this.$router.push({
                    name: 'EnterpriseInfo'
                })
            }
        }
    }
</script>

<style scoped>
  input{
    width: 20%;
  }
</style>
